.chatRoomBox{
    height: 5rem;
    // width: 9rem;
    width: 100%;
    position: relative;
    border: solid 1px rgba(0,0,0,0);
    border-top:solid 1px #dddddd;
    .chat-room-left{
        height: 100%;
        width: 2.9rem;
        border-right:solid 1px #ddd;
        position: relative;
        .chats-tabs-head{
            height: 0.37rem;
            border-bottom: solid 1px #ddd;
            font-size: 0.12rem;
            .user-tabs{
                padding:0  0.1rem;
                height: 100%;
                margin: 0 0.2rem;
                margin-bottom: -2px;
                cursor: pointer;
            }
            .tabs-active{
                color: #e52a20;
                border-bottom: solid 2px #e52a20;
            }
        }
        .inputBox{
            margin-top: 0.08rem;
            margin-left: 0.1rem;
            input{
                height: 0.24rem;
                width: 1.76rem;
                border:solid 1px #ddd;
                background: #fff;
                background: url('../../../../static/img/chatroom/ss-bg.png') no-repeat;
                background-position: 0.07rem center;
                padding-left:0.24rem;
                font-size: 0.12rem;
            }
            .sousBtn{
                height: 0.24rem;
                font-size: 0.12rem;
                width: 0.65rem;
                border:solid 1px #ddd;
                border-radius: 2px;
                background: #fff;
                margin-left: 0.07rem;
                cursor: pointer;
            }
        }
        .chat-userList{
            height: 4.33rem;
            width: 100%;
            overflow: auto;
            .chat-userlist-f{
                height: 0.4rem;
                width: 100%;
                font-size: 0.12rem;
                cursor: pointer;
                img{
                    height: 0.12rem;
                    width: auto; 
                    margin-left: 0.1rem;
                    margin-right: 2px;
                }
                .onimg{
                    height: auto;
                    width: 0.12rem;
                }
            }
        }
        .msg-list-box{
            height: 4.2rem;
            width: 100%;
            margin-top: 0.1rem;
            overflow: auto;
        }
        .seachUserBox{
            height: 4.25rem;
            width: 2.77rem;
            position: absolute;
            top: 0.7rem;
            left: 0;
            background: #fff;
        }
    }
    .chat-userlist-chan{
        height: 0.4rem;
        width: 100%;
        font-size: 0.14rem;
        cursor: pointer;
        p{
           margin-left:  0.25rem;
        }
        .nikename_login{
            color: #999;
        }
    }
    .chan-active{
        background: #dddddd;
    }
    .newsQ{
        height: 0.17rem;
        width: 0.17rem;
        background: #ff822e;
        color: #fff;
        border-radius: 50%;
        margin-right: 0.1rem;
        p{
            margin: 0 !important;
        }
    }
    .chat-room-right{
        height: 5.03rem;
        width: 6.2rem;
        .room-right-head{
            height: 0.37rem;
            width:  6.2rem;
            border-bottom: solid 1px #ddd;
            p{
                font-size: 0.18rem;
                margin-left: 0.1rem;
                font-weight: 600;
            }
            img{
                height: 0.12rem;
                width: auto;
                margin-right: 0.15rem;
            }
            .imgBtn{
                cursor: pointer;
            }
        }
        .mgsBox{
            height: 3.6rem;
            position: relative;
            overflow: auto;
            padding: 0 0.1rem 0.1rem 0.1rem;
            .item{
                min-height: 0.5rem;
                margin-top: 0.1rem;
                .time{
                    width: 0.4rem;
                    font-size: 0.12rem;
                    margin: 0 auto;
                    color: #adadad;
                }
            }
            .msg{
                min-height: 0.36rem;
                min-width: 0.3rem;
                max-width: 4.9rem;
                float: left;
                border-radius: 0.08rem 0.08rem 0.08rem 0;
                background: #f5f5f5;
                padding: 0.1rem;
                font-size: 0.12rem;
                margin-top: 0.1rem;
                display: block;
                word-break: break-all; word-wrap:break-word;
            }
            .msg_self{
                float: right;
                border-radius: 0.08rem 0.08rem 0 0.08rem;
                background: #1a97ff; 
                color: #fff;
            }
        }
        .errTipsBox{
            height: 0.26rem;
            width: 100%;
            background: #f5f5f5;
            color: #999;
            font-size: 0.12rem;
            span{
                color: #e52a20;
                cursor: pointer;
            }
        }
        .sendMsgBox{
            height: 1.05rem;
            width: 6.2rem;
            position: relative;
            border-top: solid 1px #ddd;
            .sendMsgBoxImg{
                height: 0.32rem;
                width: 100%;
                img{
                    height: 0.16rem;
                    width: auto;
                    margin-left: 0.08rem;
                    cursor: pointer;
                }
            }
            .textarea{
                position: absolute;
                top: 0.28rem;
                left: 0.1rem;
                width: 5.9rem;
                height: 0.4rem;
                font-size: 0.12rem;
                img{
                    height: 0.2rem;
                    width: auto;
                }
            }
            .senBtn{
                position: absolute;
                top: 0.65rem;
                left: 5.22rem;
                height: 0.25rem;
                width: 0.7rem;
                color: #fff;
                background: #e52a20;
                font-size: 0.12rem;
                border-radius: 2px;
                cursor: pointer;
            }
            .expression-box{
                height: 2.32rem;
                width: 4rem;
                background: #fff;
                position: absolute;
                left: 0.1rem;
                top: -2.29rem;
                border-radius: 3px;
                box-shadow: 0 0 10px #ddd;
                padding: 0.2rem;
                .emojiBox{
                    overflow: auto;
                    height: 2rem;
                }
                .clous{
                    height: 0.12rem;
                    width: auto;
                    position: absolute;
                    top: 0.08rem;
                    right: 0.1rem;
                }
                .msgImgBox{
                    height: 0.25rem;
                    width: 0.25rem;
                    margin:0.05rem;
                    float: left;
                    cursor: pointer;
                    img{
                        height: 0.2rem;
                        width: auto;
                    }
                }
            }
        }
    }
}
.chatRoomBox_type0{
    height:5.5rem !important;
}
.send_type0{
    top:1rem !important;
}


@media screen and (min-width:1500px){
    .chat-room-right{
        width: 7.6rem;
        .room-right-head{
            width: 7.6rem !important;
        }
        .mgsBox{
            width: 7.6rem;
        }
        .sendMsgBox{
            width: 7.6rem !important;
            .sendMsgBoxImg{
                width: 7.6rem !important;
            }
            .senBtn{
                left: 6.5rem !important;
            }
        }
    }
  }
